/* jdf-1.0.0/ ui-base.css Date:2015-09-25 09:37:09 */
a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

button, html input[type=button], input[type=submit] {
    -webkit-apperance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

ol, ul {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

em, i, u {
    font-style: normal
}

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

.hide {
    display: none
}

.clear, .clr {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *zoom: 1
}

.dorpdown {
    position: relative
}

.dorpdown-layer {
    display: none;
    position: absolute
}

.dorpdown:hover .dorpdown-layer, .hover .dorpdown-layer {
    display: block
}

.cw-icon {
    position: relative;
    cursor: default;
    zoom: 1
}

.cw-icon .i, .cw-icon i {
    display: block;
    position: absolute;
    overflow: hidden
}

.w {
    width: 990px;
    margin: 0 auto
}

.root61 .w {
    width: 1210px
}

body {
    font: 12px/150% Arial, Verdana, "\5b8b\4f53";
    color: #666;
    background: #fff
}

a {
    color: #666;
    text-decoration: none
}

a:hover {
    color: #C81623
}

.m, .mb, .mc, .mt, .p-detail, .p-img, .p-market, .p-name, .p-price, .sm, .smb, .smc, .smt {
    overflow: hidden
}

.img-error {
    background: url(//misc.360buyimg.com/lib/skin/e/i/error-jd.gif) no-repeat 50% 50%
}

/* jdf-1.0.0/ shortcut.css Date:2016-04-05 11:31:25 */
@charset "UTF-8";
#shortcut-2014 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #F1F1F1
}

#shortcut-2014 .w {
    background: #F1F1F1
}

#shortcut-2014 li {
    float: left;
    height: 30px;
    padding: 0 2px
}

#shortcut-2014 li#ttbar-navs {
    padding: 0 1px 0 2px
}

#shortcut-2014 li#ttbar-navs.hover, #shortcut-2014 li#ttbar-navs:hover {
    padding: 0 0 0 1px
}

#shortcut-2014 li.dorpdown {
    z-index: 13
}

#shortcut-2014 li.dorpdown:hover {
    padding: 0 1px
}

#shortcut-2014 li.dorpdown:hover .dt {
    background: #fff;
    border: solid #ddd;
    border-width: 0 1px
}

#shortcut-2014 li.hover {
    padding: 0 1px
}

#shortcut-2014 li.hover .dt {
    background: #fff;
    border: solid #ddd;
    border-width: 0 1px
}

#shortcut-2014 li.spacer {
    width: 1px;
    height: 12px;
    margin-top: 9px;
    padding: 0;
    background: #ddd;
    overflow: hidden
}

#shortcut-2014 .dt {
    float: left;
    padding: 0 8px
}

#shortcut-2014 .dd {
    line-height: 24px
}

#shortcut-2014 .loading {
    display: block;
    height: 50px;
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/loading.gif) no-repeat center center
}

#shortcut-2014 .dorpdown-layer {
    top: 30px;
    background: #fff;
    border: 1px solid #ddd;
    *left: 1px
}

#shortcut-2014 .ci-right {
    top: 12px;
    right: 8px;
    height: 7px;
    overflow: hidden;
    font: 400 15px/15px consolas;
    color: #6A6A6A;
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s
}

#shortcut-2014 .ci-right s {
    position: relative;
    top: -7px;
    text-decoration: none
}

#shortcut-2014 li:hover .ci-right {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#shortcut-2014 .dd-spacer {
    position: absolute;
    top: -7px;
    height: 10px;
    background: #fff;
    overflow: hidden
}

#shortcut-2014 .style-red {
    color: #C81623
}

#shortcut-2014 #ttbar-home {
    padding-left: 20px;
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) no-repeat 0 -136px
}

#shortcut-2014 #ttbar-mycity {
    padding-left: 0
}

#shortcut-2014 #ttbar-mycity .dt {
    padding: 0 25px 0 10px
}

#shortcut-2014 #ttbar-mycity:hover .dt {
    padding: 0 24px 0 9px
}

#shortcut-2014 #ttbar-mycity .dd {
    width: 301px;
    padding: 10px 0 10px 10px
}

#shortcut-2014 #ttbar-mycity .dorpdown-layer {
    *left: 0
}

#shortcut-2014 #ttbar-mycity .item {
    float: left;
    width: 60px;
    padding: 2px 0
}

#shortcut-2014 #ttbar-mycity .item a {
    float: left;
    padding: 0 8px
}

#shortcut-2014 #ttbar-mycity .item a:hover {
    background: #F4F4F4
}

#shortcut-2014 #ttbar-mycity .item a.selected {
    background: #C81623;
    color: #fff
}

#shortcut-2014 #ttbar-mycity .dd-spacer {
    left: 0;
    width: 93px;
    _width: 95px
}

#shortcut-2014 #ttbar-mycity .dd-spacer-extend {
    width: 105px;
    _width: 107px
}

#shortcut-2014 #ttbar-login {
    margin-right: 10px
}

#shortcut-2014 #ttbar-login .link-login {
    font-family: "verdana,simsun"
}

#shortcut-2014 #ttbar-apps .dt {
    padding-left: 25px;
    padding-right: 25px
}

#shortcut-2014 #ttbar-apps .dt .ci-left {
    top: 5px;
    left: 7px;
    width: 15px;
    height: 20px;
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) 0 0 no-repeat
}

#shortcut-2014 #ttbar-apps .dd {
    width: 250px
}

#shortcut-2014 #ttbar-apps .dd a {
    display: block;
    position: absolute;
    width: 56px;
    height: 44px;
    overflow: hidden;
    text-indent: -500px
}

#shortcut-2014 #ttbar-apps .dd .link {
    width: 100px;
    height: 20px;
    overflow: hidden
}

#shortcut-2014 #ttbar-apps .dd .link1, #shortcut-2014 #ttbar-apps .dd .link2, #shortcut-2014 #ttbar-apps .dd .link3 {
    left: 92px;
    top: 6px;
    background-position: 0 -44px
}

#shortcut-2014 #ttbar-apps .dd .link2 {
    top: 26px
}

#shortcut-2014 #ttbar-apps .dd .link3 {
    top: 104px;
    background-position: -1px -66px
}

#shortcut-2014 #ttbar-apps .dd .link4, #shortcut-2014 #ttbar-apps .dd .link5 {
    left: 99px;
    top: 23px;
    width: 136px;
    color: #c21a21;
    text-indent: 0;
    cursor: default
}

#shortcut-2014 #ttbar-apps .dd .link5 {
    top: 120px
}

#shortcut-2014 #ttbar-apps .dd .jdapp-ipad, #shortcut-2014 #ttbar-apps .dd .wyapp-ipad {
    width: 45px
}

#shortcut-2014 #ttbar-apps .dd-inner {
    position: relative;
    width: 250px;
    height: 195px;
    overflow: hidden
}

#shortcut-2014 #ttbar-apps .jdapp-ios, #shortcut-2014 #ttbar-apps .wyapp-ios {
    top: 46px;
    left: 92px
}

#shortcut-2014 #ttbar-apps .jdapp-ios:hover, #shortcut-2014 #ttbar-apps .wyapp-ios:hover {
    background-position: 3px -1px
}

#shortcut-2014 #ttbar-apps .jdapp-android, #shortcut-2014 #ttbar-apps .wyapp-android {
    top: 46px;
    left: 147px
}

#shortcut-2014 #ttbar-apps .jdapp-android:hover, #shortcut-2014 #ttbar-apps .wyapp-android:hover {
    background-position: -52px -1px
}

#shortcut-2014 #ttbar-apps .jdapp-ipad, #shortcut-2014 #ttbar-apps .wyapp-ipad {
    width: 45px;
    top: 46px;
    left: 202px
}

#shortcut-2014 #ttbar-apps .jdapp-ipad:hover, #shortcut-2014 #ttbar-apps .wyapp-ipad:hover {
    background-position: -107px -1px
}

#shortcut-2014 #ttbar-apps .wyapp-android, #shortcut-2014 #ttbar-apps .wyapp-ios, #shortcut-2014 #ttbar-apps .wyapp-ipad {
    top: 143px
}

#shortcut-2014 #ttbar-apps .dd-spacer {
    left: 0;
    width: 98px
}

#shortcut-2014 #ttbar-apps.hover .dt .ci-left {
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) 0 -25px no-repeat
}

#shortcut-2014 #ttbar-atte .dt, #shortcut-2014 #ttbar-serv .dt {
    width: 49px;
    padding-right: 25px
}

#shortcut-2014 #ttbar-atte .dd, #shortcut-2014 #ttbar-serv .dd {
    width: 82px;
    padding-bottom: 8px
}

#shortcut-2014 #ttbar-atte .item, #shortcut-2014 #ttbar-serv .item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 70px;
    padding-left: 15px
}

#shortcut-2014 #ttbar-atte .dd-spacer, #shortcut-2014 #ttbar-serv .dd-spacer {
    left: 0;
    width: 82px
}

#shortcut-2014 #ttbar-serv .dd {
    width: 170px
}

#shortcut-2014 #ttbar-serv .item {
    padding-left: 10px
}

#shortcut-2014 #ttbar-serv .item-business, #shortcut-2014 #ttbar-serv .item-client {
    font-weight: 700;
    padding-left: 10px
}

#shortcut-2014 #ttbar-serv .item-business {
    border-top: 1px dotted #ccc;
    padding-top: 5px;
    margin-top: 5px
}

#shortcut-2014 #ttbar-navs .dt {
    width: 49px;
    padding-right: 25px
}

#shortcut-2014 #ttbar-navs .dd {
    right: 0;
    width: 988px;
    padding: 20px 0 16px;
    *left: auto;
    _right: -1px
}

#shortcut-2014 #ttbar-navs dl {
    float: left;
    width: 201px;
    padding-left: 20px;
    border-left: 1px solid #ddd
}

#shortcut-2014 #ttbar-navs dl.fore1 {
    border-left: none;
    width: 301px
}

#shortcut-2014 #ttbar-navs dt {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px
}

#shortcut-2014 #ttbar-navs .item {
    float: left;
    width: 100px
}

#shortcut-2014 #ttbar-navs .dd-spacer {
    right: 0;
    width: 82px
}

#shortcut-2014 .hover .dorpdown-layer {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, .32, 1)
}

.root61 #shortcut-2014 #ttbar-navs .dd {
    width: 1210px
}

.root61 #shortcut-2014 #ttbar-navs .fore2 {
    display: block
}

.root61 #shortcut-2014 #ttbar-navs dl {
    width: 259px
}

.root61 #shortcut-2014 #ttbar-navs dl.fore1 {
    width: 347px
}

.root61 #shortcut-2014 #ttbar-navs .item {
    width: 86px
}

/* jdf-1.0.0/ global-header.css Date:2015-11-26 19:49:18 */
@charset "UTF-8";
#logo-2014 {
    position: relative;
    z-index: 12;
    float: left;
    width: 362px;
    height: 60px;
    padding: 20px 0
}

#logo-2014 .logo {
    display: block;
    width: 270px;
    height: 60px;
    background: url(//misc.360buyimg.com/lib/img/e/logo-201305.png) no-repeat 0 0;
    text-indent: -20000px
}

#logo-2014 .extra {
    position: absolute;
    top: 15px;
    left: 168px;
    width: 180px;
    height: 70px;
    padding-left: 10px;
    background: #fff
}

#channel {
    float: left;
    margin-right: 10px;
    cursor: default;
    font: 400 20px/70px "microsoft yahei";
    color: #333
}

#categorys-mini-main {
    display: none;
    border: 1px solid #ccc;
    position: absolute;
    width: 152px;
    padding: 13px;
    margin-top: -1px;
    background: #fff;
    overflow: hidden
}

#categorys-mini-main h3 {
    font-family: "Microsoft YaHei";
    color: #666;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400
}

#categorys-mini-main a {
    color: #666;
    padding: 0;
    font-size: 12px
}

#categorys-mini {
    float: left;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    padding-top: 22px;
    height: 27px;
    font-family: simsun
}

#categorys-mini .cw-icon {
    color: #ccc;
    position: relative;
    width: 63px;
    height: 25px;
    border: 1px solid #ccc;
    line-height: 25px;
    z-index: 1;
    background: #fff;
    padding: 0 5px
}

#categorys-mini .cw-icon h2 {
    font-family: "Microsoft YaHei";
    color: #666;
    font-size: 12px;
    font-weight: 400
}

#categorys-mini .cw-icon i {
    top: 9px;
    right: 5px;
    height: 7px;
    font: 400 15px/15px consolas
}

#categorys-mini .cw-icon s {
    position: relative;
    top: -7px;
    text-decoration: none
}

#categorys-mini .loading {
    display: block;
    height: 50px;
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/loading.gif) no-repeat center center
}

#categorys-mini .dorpdown-layer {
    width: 150px;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff
}

#categorys-mini .ci-right {
    top: 8px;
    right: 7px;
    height: 7px;
    overflow: hidden;
    font: 400 15px/15px consolas;
    color: #6A6A6A;
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s;
    display: block;
    position: absolute
}

#categorys-mini.hover .cw-icon {
    border-bottom: 0
}

#categorys-mini.hover .ci-right {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#search-2014 {
    position: relative;
    z-index: 11;
    float: left;
    width: 462px;
    margin-top: 25px
}

#search-2014 .form {
    width: 462px;
    height: 36px
}

#search-2014 .text {
    float: left;
    width: 370px;
    height: 24px;
    line-height: 24px;
    color: #666;
    padding: 4px;
    margin-bottom: 4px;
    border-width: 2px 0 2px 2px;
    border-color: #B61D1D;
    border-style: solid;
    outline: 0;
    font-size: 14px;
    font-family: "microsoft yahei"
}

#search-2014 .button {
    float: left;
    width: 82px;
    height: 36px;
    background: #B61D1D;
    border: none;
    line-height: 1;
    color: #fff;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    cursor: pointer
}

#search-2014 .cw-icon i {
    top: 0;
    left: 0;
    width: 82px;
    height: 36px
}

#hotwords-2014 {
    float: left;
    width: 462px;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

#hotwords-2014 a {
    float: left;
    white-space: nowrap;
    margin-right: 10px
}

#shelper {
    overflow: hidden;
    position: absolute;
    top: 36px;
    left: 0;
    width: 379px;
    border: 1px solid #CCC;
    background: #fff
}

#shelper li {
    overflow: hidden;
    padding: 1px 6px;
    line-height: 22px;
    cursor: pointer
}

#shelper .search-item {
    float: left;
    width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#shelper li.fore1 .search-item {
    width: 170px
}

#shelper .search-count {
    overflow: hidden;
    color: #aaa;
    text-align: right;
    *zoom: 1
}

#shelper .close {
    border-top: 1px solid #efefef;
    text-align: right
}

#shelper .item3 {
    cursor: default
}

#shelper .item3 a {
    float: left;
    margin-right: 10px;
    white-space: nowrap
}

#shelper li.fore1 {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #ddd
}

#shelper li.fore1 .item1 {
    height: 22px;
    overflow: hidden;
    zoom: 1
}

#shelper li.fore1 div.fore1 {
    padding: 0 6px
}

#shelper li.fore1 strong {
    color: #C00
}

#shelper li.fore1 .fore1 strong {
    color: #333
}

#shelper li.fore1 .item1, #shelper li.fore1 .item2 {
    float: none;
    width: auto;
    padding: 1px 6px 1px 20px
}

#shelper li.fore1 .item3 {
    float: none;
    width: auto;
    color: #9C9A9C
}

#shelper li.fore1 span {
    float: left
}

#shelper li.close:hover, #shelper li.fore1:hover {
    background: 0 0
}

#shelper li.fore1 div:hover {
    background: #f5f5f5 !important
}

#shelper li.brand-search {
    border-bottom: 1px solid #ddd;
    font-family: Microsoft YaHei
}

#shelper li.brand-search .info {
    color: #e4393c;
    margin-bottom: 2px
}

#shelper li.brand-search .bs-item {
    margin-bottom: 7px
}

#shelper li.brand-search .bs-item .logo {
    width: 90px
}

#shelper li.brand-search .bs-item .logo, #shelper li.brand-search .bs-item .name {
    display: inline-block;
    height: 30px;
    font-size: 14px;
    vertical-align: middle;
    overflow: hidden
}

#shelper li.brand-search .bs-item .name {
    line-height: 30px;
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 265px
}

.root61 #shelper li.brand-search .bs-item .name {
    width: 340px
}

.root61 #search-2014, .root61 #search-2014 .form {
    width: auto;
    _width: 538px
}

.root61 #search-2014 .text {
    width: 446px
}

.root61 #hotwords-2014 {
    width: 518px
}

.root61 #shelper {
    width: 455px
}

#appdownloadTop {
    display: none
}

/* jdf-1.0.0/ myjd.css Date:2016-01-05 17:06:56 */
@charset "UTF-8";
#ttbar-myjd .dt {
    width: 49px;
    padding-right: 25px
}

#ttbar-myjd .dorpdown-layer {
    width: 280px
}

#ttbar-myjd .userinfo {
    padding: 10px 0 10px 15px;
    overflow: hidden
}

#ttbar-myjd .u-pic {
    float: left;
    margin-right: 10px
}

#ttbar-myjd .u-pic img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

#ttbar-myjd .u-name {
    padding: 6px 0 0;
    font-weight: 700
}

#ttbar-myjd .orderlist {
    display: none;
    background: #000
}

#ttbar-myjd .otherlist {
    width: 255px;
    padding: 0 0 0 15px;
    margin: 5px 0;
    overflow: hidden;
    margin-bottom: 10px
}

#ttbar-myjd .otherlist .fore1, #ttbar-myjd .otherlist .fore2 {
    float: left;
    width: 126px
}

#ttbar-myjd .viewlist {
    width: 250px;
    padding: 0 15px 10px;
    border-top: 1px dotted #ccc;
    padding-top: 10px
}

#ttbar-myjd .viewlist .smt {
    zoom: 1
}

#ttbar-myjd .viewlist .smt h4 {
    float: left
}

#ttbar-myjd .viewlist .smt .extra {
    float: right
}

#ttbar-myjd .viewlist .item {
    float: left;
    padding: 4px;
    line-height: 0;
    font-size: 0
}

#ttbar-myjd .dd-spacer {
    left: 0;
    width: 82px
}

#ttbar-myjd .user-level1, #ttbar-myjd .user-level2, #ttbar-myjd .user-level3, #ttbar-myjd .user-level4, #ttbar-myjd .user-level5, #ttbar-myjd .user-level6 {
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    vertical-align: middle;
    margin-left: 5px;
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/myjd/2.0.0/i/rank2014.gif)
}

#ttbar-myjd .user-level2 {
    background-position: 0 -17px
}

#ttbar-myjd .user-level3 {
    background-position: 0 -34px
}

#ttbar-myjd .user-level4 {
    background-position: 0 -51px
}

#ttbar-myjd .user-level5 {
    background-position: 0 -68px
}

#ttbar-myjd .user-level6 {
    background-position: 0 -85px
}

/* jdf-1.0.0/ nav.css Date:2015-09-15 18:39:10 */
@charset "UTF-8";
#nav-2014 {
    height: 44px;
    border-bottom: 2px solid #B1191A;
    _overflow: hidden
}

#nav-2014 .w {
    position: relative;
    z-index: 9;
    height: 44px
}

#nav-2014 .w .w-spacer {
    display: none
}

#nav-2014 .w-spacer {
    position: absolute;
    top: -1px;
    z-index: 1;
    width: 100%;
    height: 44px;
    border-top: 1px solid #DDD;
    border-bottom: 2px solid #B1191A
}

#categorys-2014 {
    float: left;
    position: relative;
    z-index: 10;
    width: 210px;
    height: 44px;
    overflow: visible;
    background: #B1191A
}

#categorys-2014 .dt a {
    display: block;
    width: 190px;
    height: 44px;
    padding: 0 10px;
    background: #B1191A;
    font: 400 15px/44px "microsoft yahei";
    color: #fff;
    text-decoration: none
}

#categorys-2014 .dt s {
    position: relative;
    top: -9px;
    text-decoration: none
}

#categorys-2014 .dt .ci-right {
    top: 20px;
    right: 7px;
    height: 7px;
    overflow: hidden;
    font: 700 20px/16px simsun;
    color: #fff;
    transition: transform .1s ease-in 0s;
    -webkit-transition: -webkit-transform .1s ease-in 0s;
    display: block;
    position: absolute
}

#categorys-2014 .dd {
    height: 466px;
    background: #c81623;
    margin-top: 2px
}

#categorys-2014 .dd-inner .item {
    border-left: 1px solid #b61d1d;
    position: relative;
    z-index: 1;
    height: 31px;
    color: #fff
}

#categorys-2014 .dd-inner .item a {
    color: #fff
}

#categorys-2014 .dd-inner h3 {
    position: absolute;
    z-index: 2;
    height: 31px;
    padding: 0 10px;
    line-height: 31px;
    font-family: "microsoft yahei";
    font-size: 14px;
    font-weight: 400
}

#categorys-2014 .dd-inner i {
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 14px;
    width: 4px;
    height: 14px;
    font: 400 9px/14px consolas
}

#categorys-2014 .dd-inner .hover {
    background: #f7f7f7;
    color: #B61D1D
}

#categorys-2014 .dd-inner .hover a {
    color: #B61D1D
}

#categorys-2014 .dd-inner .hover i {
    top: 0;
    left: 205px;
    width: 14px;
    height: 31px;
    background: #f7f7f7;
    overflow: hidden;
    line-height: 200px
}

#categorys-2014 .dorpdown-layer {
    display: none;
    position: absolute;
    left: 209px;
    top: 45px;
    width: 779px;
    background: #f7f7f7;
    border: 1px solid #b61d1d;
    overflow: hidden
}

#categorys-2014 .dorpdown-layer .hover {
    display: block
}

#categorys-2014 .item-sub {
    display: none;
    zoom: 1;
    overflow: hidden
}

#categorys-2014 .item-sub:after {
    content: ".";
    display: block;
    height: 0;
    clear: both
}

#categorys-2014 .item-channels {
    float: left;
    display: inline;
    width: 570px;
    height: 24px;
    padding: 20px 0 0 20px;
    background: #f7f7f7;
    overflow: hidden
}

#categorys-2014 .item-channels a {
    float: left;
    display: inline;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 0 0 8px;
    margin-right: 10px;
    line-height: 24px;
    background: #7C7171;
    color: #fff;
    white-space: nowrap
}

#categorys-2014 .item-channels a:hover {
    background: #C81623
}

#categorys-2014 .item-channels a:hover i {
    background: #B1191A
}

#categorys-2014 .item-channels i {
    display: inline-block;
    *zoom: 1;
    _display: inline;
    margin-left: 8px;
    width: 23px;
    height: 24px;
    font: 400 9px/24px consolas;
    background: #5c5251;
    text-align: center;
    cursor: pointer
}

#categorys-2014 .item-channels .line {
    border-left: 1px solid #dbdbdb;
    display: inline;
    float: left;
    height: 24px;
    margin-right: 7px;
    width: 1px;
    overflow: hidden
}

#categorys-2014 .item-channels .img-link {
    background: 0 0;
    line-height: normal;
    padding: 0
}

#categorys-2014 .item-channels .img-link:hover {
    background: 0 0
}

#categorys-2014 .item-channels .style-red {
    background: #c81623
}

#categorys-2014 .item-channels .style-red i {
    background: #b1191a
}

#categorys-2014 .item-channels .style-red:hover {
    background: #961019
}

#categorys-2014 .item-channels .style-red:hover i {
    background: #851313
}

#categorys-2014 .subitems {
    float: left;
    width: 570px;
    padding: 6px 0 1006px 20px;
    margin-bottom: -1000px;
    background: #f7f7f7;
    min-height: 409px;
    _height: 409px;
    _overflow: visible
}

#categorys-2014 .subitems dl {
    width: 100%;
    overflow: hidden;
    line-height: 2em
}

#categorys-2014 .subitems dl.fore1 dd {
    border-top: none
}

#categorys-2014 .subitems dt {
    position: relative;
    float: left;
    width: 54px;
    padding: 8px 30px 0 0;
    text-align: right;
    font-weight: 700
}

#categorys-2014 .subitems dt i {
    position: absolute;
    top: 13px;
    right: 18px;
    width: 4px;
    height: 14px;
    font: 400 9px/14px consolas
}

#categorys-2014 .subitems dd {
    float: left;
    width: 480px;
    padding: 6px 0;
    border-top: 1px solid #eee
}

#categorys-2014 .subitems dd a {
    float: left;
    padding: 0 8px;
    margin: 4px 0;
    line-height: 16px;
    height: 16px;
    border-left: 1px solid #e0e0e0;
    white-space: nowrap
}

#categorys-2014 .subitems .style-red {
    color: #c81623
}

#categorys-2014 .item-brands {
    float: right;
    display: inline;
    width: 168px;
    overflow: hidden;
    margin: 19px 20px 10px 0
}

#categorys-2014 .item-brands a {
    float: left;
    display: inline;
    margin: 1px 0 0 1px
}

#categorys-2014 .item-promotions {
    float: right;
    display: inline;
    width: 168px;
    margin-right: 20px
}

#categorys-2014 .item-promotions a {
    display: block;
    margin-bottom: 1px
}

#nav-2014 .hover .dt .ci-right {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    _top: 17px
}

#navitems-2014 {
    float: left;
    position: relative;
    z-index: 2
}

#navitems-2014 .spacer, #navitems-2014 a, #navitems-2014 li, #navitems-2014 ul {
    float: left
}

#navitems-2014 .spacer {
    display: none
}

#navitems-2014 a {
    height: 44px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    font: 400 15px/44px "microsoft yahei";
    color: #333
}

#navitems-2014 a:hover {
    color: #C81623
}

#navitems-2014 .spacer {
    width: 1px;
    height: 24px;
    margin: 10px 0 0;
    background: #DDD;
    overflow: hidden
}

#treasure {
    float: right
}

.root61 #categorys-2014 .item-channels {
    width: 790px
}

.root61 #categorys-2014 .dorpdown-layer {
    width: 999px
}

.root61 #categorys-2014 .subitems {
    width: 790px
}

.root61 #categorys-2014 .subitems dd {
    width: 620px
}

.root61 #categorys-2014 .subitems-main1, .root61 #categorys-2014 .subitems-main2 {
    float: left;
    width: 365px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #eee;
    margin-top: 8px
}

.root61 #categorys-2014 .subitems-main1 dd, .root61 #categorys-2014 .subitems-main2 dd {
    width: 275px
}

.root61 #categorys-2014 .subitems-main1 .fore1, .root61 #categorys-2014 .subitems-main1 .fore8, .root61 #categorys-2014 .subitems-main2 .fore1, .root61 #categorys-2014 .subitems-main2 .fore8 {
    margin-top: -5px
}

.root61 #categorys-2014 .subitems-main1 .fore1 dd, .root61 #categorys-2014 .subitems-main1 .fore8 dd, .root61 #categorys-2014 .subitems-main2 .fore1 dd, .root61 #categorys-2014 .subitems-main2 .fore8 dd {
    border-top: 0
}

.root61 #categorys-2014 .subitems-main2 {
    border-right: 0
}

/* jdf-1.0.0/ shoppingcart.css Date:2015-09-15 18:39:10 */
#settleup-2014 {
    float: right;
    z-index: 11;
    height: 36px;
    margin-top: 25px
}

#settleup-2014 .cw-icon {
    width: 75px;
    height: 34px;
    border: 1px solid #DFDFDF;
    padding: 0 28px 0 36px;
    background: #F9F9F9;
    text-align: center;
    line-height: 34px
}

#settleup-2014 .ci-left {
    top: 9px;
    left: 18px;
    width: 18px;
    height: 16px;
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) 0 -58px no-repeat;
    _background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) 0 -91px no-repeat
}

#settleup-2014 .ci-right {
    top: 11px;
    right: 10px;
    width: 7px;
    height: 13px;
    overflow: hidden;
    font: 400 13px/13px simsun;
    color: #999
}

#settleup-2014 .ci-count {
    position: absolute;
    top: -4px;
    left: 104px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: #c81623;
    border-radius: 7px 7px 7px 0;
    min-width: 12px;
    text-align: center
}

#settleup-2014.hover .cw-icon, #settleup-2014.hover .dorpdown-layer, #settleup-2014:hover .cw-icon, #settleup-2014:hover .dorpdown-layer {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

#settleup-2014.hover .dorpdown-layer, #settleup-2014:hover .dorpdown-layer {
    display: block;
    right: 0;
    _right: -1px;
    width: 308px
}

#settleup-2014.hover .spacer, #settleup-2014:hover .spacer {
    position: absolute;
    right: 0;
    top: -7px;
    width: 139px;
    height: 12px;
    background: #fff
}

#settleup-2014 .prompt {
    padding: 10px 15px
}

#settleup-2014 .nogoods {
    padding-left: 30px;
    height: 49px;
    line-height: 49px;
    overflow: hidden;
    color: #999
}

#settleup-2014 .nogoods b {
    float: left;
    width: 56px;
    height: 49px;
    background-image: url(//misc.360buyimg.com/jdf/1.0.0/unit/shoppingcart/2.0.0/i/settleup-nogoods.png)
}

#settleup-content {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #fff
}

#settleup-content .loading {
    display: block;
    height: 50px;
    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/loading.gif) no-repeat center center
}

#settleup-content .smt {
    height: 25px;
    padding: 6px 8px;
    line-height: 25px
}

#settleup-content .smc {
    background: #fff;
    height: auto !important;
    height: 344px;
    max-height: 344px;
    overflow-y: auto
}

#settleup-content .smb {
    padding: 8px;
    background: #F5F5F5;
    _height: 45px;
    _padding-top: 15px;
    _padding-bottom: 0
}

#settleup-content .smb .p-total {
    float: left;
    line-height: 29px
}

#settleup-content .smb span {
    color: #c81623
}

#settleup-content .smb a {
    float: right;
    height: 29px;
    padding: 0 10px;
    background: #E4393C;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 29px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#settleup-content ul {
    margin-top: -1px
}

#settleup-content li {
    padding: 8px 10px;
    border-top: 1px dotted #ccc;
    overflow: hidden;
    line-height: 17px;
    vertical-align: bottom;
    *zoom: 1
}

#settleup-content li.hover, #settleup-content li:hover {
    background: #F5F5F5
}

#settleup-content li .gift {
    height: 17px;
    width: 282px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#settleup-content li .gift a {
    color: #999
}

#settleup-content li .gift-jq {
    color: #999;
    clear: both
}

#settleup-content .p-img {
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    padding: 0;
    margin-right: 10px;
    font-size: 0
}

#settleup-content .p-name {
    float: left;
    width: 120px;
    height: 52px
}

#settleup-content .p-detail {
    float: right;
    text-align: right
}

#settleup-content .p-price {
    font-weight: 700
}

#settleup-iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    background: #fff
}

#settleup-2014 .dt-mz {
    color: #999;
    width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#settleup-2014 .dt-mz a {
    color: #999
}

#settleup-2014 .dt-mz:hover {
    background: #fff
}

#mcart-suit .dt, #mcart-suit .dt:hover {
    background: #d3ebff
}

#mcart-mj .dt, #mcart-mj .dt:hover, #mcart-mz .dt, #mcart-mz .dt:hover {
    background: #bffab1
}

#settleup-content .fr .hl-green, #settleup-content .fr .hl-orange {
    margin-right: 0
}

#settleup-content .hl-green, #settleup-content .hl-orange {
    margin-right: 5px;
    color: #fff;
    display: inline-block;
    *zoom: 1;
    padding: 0 2px;
    font: 12px/16px simsun
}

#settleup-content .hl-green {
    background: #3b0
}

#settleup-content .hl-orange {
    background: #f60
}

.root61 #settleup-2014 {
    margin-right: 65px
}

#settleup-2014.hover .ci-left {
    _background: url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) 0 -116px no-repeat
}

/* jdf-1.0.0/ global-footer.css Date:2015-09-15 18:39:12 */
#footer-2014 {
    border-top: 1px solid #E5E5E5;
    padding: 20px 0 30px;
    text-align: center
}

#footer-2014 .links a {
    margin: 0 10px
}

#footer-2014 .copyright {
    margin: 10px 0
}

#footer-2014 .authentication a {
    margin: 0 5px;
    text-decoration: none
}

/* jdf-1.0.0/ service.css Date:2015-09-25 09:37:10 */
#service-2014 {
    margin-bottom: 20px
}

#service-2014 dl {
    float: left;
    width: 222px
}

#service-2014 dl.fore5 {
    width: 100px
}

#service-2014 dt {
    padding: 6px 0;
    font: 400 16px/24px "microsoft yahei"
}

#service-2014 dd {
    line-height: 20px
}

#service-2014 .slogen {
    position: relative;
    height: 54px;
    padding: 20px 0;
    margin-bottom: 14px;
    background: #F5F5F5;
    text-align: center
}

#service-2014 .slogen .item {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 20px;
    width: 245px;
    height: 54px;
    text-align: left;
    vertical-align: middle;
    font: 400 18px/50px "microsoft yahei"
}

#service-2014 .slogen .item i {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 220px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: 0 0
}

#service-2014 .slogen .item b {
    padding: 0 10px;
    font-size: 24px;
    color: #C81623
}

#service-2014 .slogen .fore1 {
    margin-left: -490px
}

#service-2014 .slogen .fore1 i {
    background-image: url(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_1.png)
}

#service-2014 .slogen .fore2 {
    margin-left: -245px
}

#service-2014 .slogen .fore2 i {
    background-image: url(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_2.png)
}

#service-2014 .slogen .fore3 {
    margin-left: 0
}

#service-2014 .slogen .fore3 i {
    background-image: url(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_3.png)
}

#service-2014 .slogen .fore4 {
    margin-left: 245px
}

#service-2014 .slogen .fore4 i {
    background-image: url(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_4.png)
}

#coverage {
    float: right;
    width: 310px;
    height: 168px;
    background: url(//misc.360buyimg.com/product/skin/2013/i/20130330B_1.png) no-repeat 60px -131px
}

#coverage .dt {
    padding: 6px 40px 15px 80px;
    font: 400 16px/24px "microsoft yahei"
}

#coverage .dd {
    padding: 0 40px 15px 80px
}

.root61 #service-2014 dl {
    width: 275px
}

.root61 #service-2014 dl.fore5 {
    width: 100px
}

.root61 #service-2014 .slogen .item {
    width: 302px
}

.root61 #service-2014 .slogen .fore1 {
    margin-left: -604px
}

.root61 #service-2014 .slogen .fore2 {
    margin-left: -304px
}

.root61 #service-2014 .slogen .fore3 {
    margin-left: 0
}

.root61 #service-2014 .slogen .fore4 {
    margin-left: 304px
}

/* jdf-1.0.0/ basePatch.css Date:2015-09-15 18:39:12 */
.m, .mb, .mc, .mt, .sm, .smb, .smc, .smt {
    overflow: hidden;
    zoom: 1
}

.m, .sm {
    margin-bottom: 10px
}

.mt h2, .smt h3 {
    font-family: "microsoft yahei"
}

.slide-controls span {
    display: inline-block;
    color: #fff
}

.pagin a, .pagin span {
    float: left;
    height: 20px;
    padding: 3px 10px;
    border: 1px solid #ccc;
    margin-left: 2px;
    font-family: arial;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.pagin .current, .pagin .text {
    border: none;
    padding: 4px 11px
}

.pagin a:link, .pagin a:visited {
    color: #005aa0
}

.pagin a:active, .pagin a:hover {
    background: #005aa0;
    color: #fff;
    text-decoration: none
}

.pagin .current, .pagin .current:link, .pagin .current:visited {
    color: #f60;
    font-weight: 700
}

.pagin b {
    display: block;
    position: absolute;
    top: 9px;
    width: 5px;
    height: 9px;
    background-image: url(//misc.360buyimg.com/201007/skin/df/i/bg_hotsale.gif);
    background-repeat: no-repeat;
    overflow: hidden
}

.pagin .next, .pagin .next-disabled, .pagin .prev, .pagin .prev-disabled {
    position: relative;
    padding-top: 5px;
    height: 18px;
    line-height: 18px
}

.pagin .next-disabled, .pagin .prev-disabled {
    color: #ccc;
    cursor: default
}

.pagin .prev, .pagin .prev-disabled {
    padding-left: 12px
}

.pagin .prev b {
    left: 3px;
    background-position: -68px -608px
}

.pagin .prev-disabled b {
    left: 3px;
    background-position: -80px -608px
}

.pagin .next, .pagin .next-disabled {
    padding-right: 12px
}

.pagin .next b {
    right: 3px;
    background-position: -62px -608px
}

.pagin .next-disabled b {
    right: 3px;
    background-position: -74px -608px
}

.pagin-m a, .pagin-m span {
    height: 14px;
    line-height: 14px;
    font-size: 12px
}

.pagin-m b {
    top: 5px
}

.pagin-m .next, .pagin-m .next-disabled, .pagin-m .prev, .pagin-m .prev-disabled {
    padding-top: 3px;
    height: 14px;
    line-height: 14px;
    *line-height: 16px
}

.thickframe {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
    width: 100%;
    height: 100%;
    background: #000;
    border: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.thickdiv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000001;
    width: 100%;
    height: 100%;
    background: #000;
    border: 0;
    filter: alpha(opacity=15);
    opacity: .15
}

.thickbox {
    position: absolute;
    z-index: 10000002;
    overflow: hidden;
    padding: 0;
    border: 4px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.thicktitle {
    height: 27px;
    padding: 0 10px;
    border: solid #C4C4C4;
    border-width: 1px 1px 0;
    background: #F3F3F3;
    line-height: 27px;
    font-family: arial, "\5b8b\4f53";
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.thickclose:link, .thickclose:visited {
    display: block;
    position: absolute;
    z-index: 100000;
    top: 7px;
    right: 12px;
    overflow: hidden;
    width: 15px;
    height: 15px;
    background: url(//misc.360buyimg.com/201007/skin/df/i/bg_thickbox.gif) no-repeat 0 -18px;
    font-size: 0;
    line-height: 100px
}

.thickcon {
    overflow: auto;
    background: #fff;
    border: solid #C4C4C4;
    border-width: 1px;
    padding: 10px
}

.thickloading {
    background: url(//misc.360buyimg.com/201007/skin/df/i/loading.gif) #fff no-repeat center center
}

.thickcountdown {
    height: 20px;
    padding-right: 6px;
    margin-top: -20px;
    text-align: right;
    color: #999
}

* html .thickdiv, * html .thickframe {
    position: absolute
}

#thicktitler {
    padding: 0 11px;
    background: #8DB7DC;
    border: none;
    color: #fff
}

#thickcloser:link, #thickcloser:visited {
    top: 6px;
    right: 9px;
    width: 16px;
    height: 17px;
    background-position: 0 0
}

#thickconr {
    border: solid #8DB7DC;
    border-width: 1px
}

/* user-myjd-2015 top-search.css Date:2015-09-08 16:53:24 */
.top-search {
    position: relative;
    padding: 20px 0 10px;
    margin: 5px 0 0;
    border-top: 1px solid #f5f5f5;
    z-index: 2
}

.top-search .s-itxt {
    float: left;
    vertical-align: middle;
    width: 157px;
    padding: 2px 5px 3px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ccc
}

.top-search .selt {
    float: left;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ccc
}

.top-search .s-btn {
    float: left;
    position: relative;
    left: -4px;
    vertical-align: middle;
    width: 68px;
    height: 25px;
    margin-right: 50px;
    font-size: 0;
    line-height: 99em;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150212.png) 0 -224px no-repeat
}

.top-search .dl {
    display: inline-block;
    display: block;
    margin-bottom: 15px;
    _margin-bottom: 5px;
    position: relative
}

.top-search .dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .top-search .dl {
    height: 1%
}

* + html .top-search .dl {
    min-height: 1%
}

.top-search .fore1 {
    z-index: 2
}

.top-search .label {
    float: left;
    width: 60px;
    height: 30px;
    line-height: 30px
}

.top-search .dd {
    float: left;
    width: 760px;
    font-size: 0
}

.top-search .dd a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 8px;
    margin: 0 1px 5px 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.top-search .dd a.curr, .top-search .dd a:hover {
    background: #e4393c;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.top-search .ts-del {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 10px;
    display: block;
    width: 21px;
    height: 21px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150212.png) -44px -55px
}

.top-search .ts-del:hover {
    background-position: -57px -87px
}

.top-search a.btn-9 {
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 85px;
    text-align: center;
    padding: 2px 0 3px
}

.top-search a.btn-9:hover {
    background: #fff;
    color: #e4393c;
    border: 1px solid #e4393c
}

.top-search .ordertime-cont {
    float: left;
    position: relative;
    z-index: 10;
    width: 98px;
    cursor: pointer
}

.top-search .ordertime-cont .time-txt {
    position: relative;
    text-align: left;
    padding-left: 20px;
    padding-right: 12px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff
}

.top-search .ordertime-cont .time-txt b {
    position: absolute;
    display: block;
    width: 7px;
    height: 4px;
    right: 5px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150212.png) -37px -207px no-repeat
}

.top-search .ordertime-cont .time-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 96px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0
}

.top-search .ordertime-cont .time-list li {
    height: 30px;
    line-height: 30px;
    text-align: left
}

.top-search .ordertime-cont .time-list li a {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #666;
    padding-left: 20px
}

.top-search .ordertime-cont .time-list li a:hover {
    background: #f5f5f5;
    color: #e4393c
}

.top-search .ordertime-cont .time-list li a b {
    position: absolute;
    width: 10px;
    height: 7px;
    left: 5px;
    top: 10px;
    vertical-align: middle;
    overflow: hidden
}

.top-search .ordertime-cont .time-list li a.curr {
    color: #e4393c
}

.top-search .ordertime-cont .time-list li a.curr b {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150212.png) 0 -207px
}

.top-search .ordertime-hover .time-txt {
    background: #fff;
    border-color: #ddd;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.top-search .ordertime-hover .time-txt b {
    background-position: -20px -207px
}

.top-search .ordertime-hover .time-txt .blank {
    display: block;
    position: absolute;
    height: 10px;
    width: 96px;
    top: 21px;
    left: 0;
    background: #fff;
    z-index: 3
}

.top-search .ordertime-hover .time-list {
    display: block;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.root61 .top-search .dd {
    width: 970px
}

/* user-myjd-2015 order-table-list.css Date:2016-04-19 18:15:39 */
@charset "UTF-8";
.jd-otc, .order-tb .goods-item .o-match i, .order-tb .goods-item .o-similar i {
    display: inline-block;
    background-image: url(//misc.360buyimg.com/user/myjd-2015/css/i/sprite-order-icon.png);
    background-repeat: no-repeat
}

.o-related-slider .slider-next .sicon, .o-related-slider .slider-prev .sicon {
    display: inline-block;
    background-image: url(//misc.360buyimg.com/user/myjd-2015/css/i/sprite-slider.png);
    background-repeat: no-repeat
}

.jd-otc {
    width: 47px;
    height: 16px;
    background-position: 0 -31px
}

.order-tb {
    width: 100%
}

.order-tb .number-col {
    width: 394px
}

.order-tb .amount-col, .order-tb .consignee-col, .order-tb .status-col {
    width: 105px
}

.order-tb thead th {
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #f5f5f5;
    color: #666;
    font-weight: 400
}

.order-tb tbody td {
    border: 1px solid #e5e5e5
}

.order-tb .td-02 {
    height: 40px;
    line-height: 40px;
    background: #f5f5f5
}

.order-tb .td-02 .tip {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: #ffaa71;
    color: #fff;
    height: 16px;
    line-height: 16px;
    margin: 0 5px 0 15px;
    padding: 0 2px
}

.order-tb .sep-row {
    height: 20px
}

.order-tb .sep-row td {
    border: 0
}

.order-tb .tr-th {
    background: #f5f5f5;
    height: 31px;
    line-height: 31px;
    color: #aaa;
    overflow: hidden
}

.order-tb .tr-th td {
    border-bottom-color: #f5f5f5
}

.order-tb .tr-th span {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 0;
    _display: inline
}

.order-tb .tr-th span.shop-txt {
    padding: 0
}

.order-tb .tr-th .gap {
    width: 14px
}

.order-tb .tr-th .dealtime {
    margin-right: 30px;
    _margin-right: 15px;
    font-family: verdana
}

.order-tb .tr-th .number {
    width: 226px;
    font-family: verdana
}

.order-tb .tr-th .jd-baina {
    margin-left: 5px
}

.order-tb .tr-th a {
    color: #333
}

.order-tb .tr-th a:hover {
    color: #e4393c
}

.order-tb .tr-th .order-shop {
    width: 178px
}

.order-tb .tr-th .order-shop .shop-txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    max-width: 153px;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.order-tb .tr-th .btn-im, .order-tb .tr-th .btn-im-off {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/sprite-im.png) -26px 0 no-repeat;
    vertical-align: middle
}

.order-tb .tr-th .btn-im-jd {
    background-position: 0 0
}

.order-tb .tr-th .btn-im-off {
    background-position: -52px 0
}

.order-tb .tr-th .tr-operate {
    float: right;
    position: relative;
    margin-right: 15px;
    width: 397px;
    height: 23px;
    overflow: hidden
}

.order-tb .tr-th .order-del {
    position: absolute;
    right: 0;
    top: 6px;
    display: none;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -23px -132px no-repeat
}

.order-tb .tr-th .order-del:hover {
    background-position: 0 -132px
}

.order-tb .tr-th .tel {
    width: 180px;
    color: #aaa;
    font-family: verdana
}

.order-tb .tr-th .tel .tel-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 19px;
    height: 19px;
    margin-right: 3px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -75px -55px
}

.order-tb .tr-th-02 {
    background: #fff
}

.order-tb .tr-bd {
    text-align: center;
    vertical-align: top
}

.order-tb .tr-bd td {
    padding: 14px 0
}

.order-tb tbody.split-tbody .tr-th td {
    border-width: 0 1px
}

.order-tb tbody.split-tbody .tr-bd td {
    border-width: 0 1px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/split-line.png) -14px 0 no-repeat
}

.order-tb tbody.split-tbody .tr-bd td.first {
    background-position: 0 0
}

.order-tb tbody.split-tbody .tr-bd td.last {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/split-line.png) right top no-repeat
}

.order-tb tbody.split-tbody .sep-tr-bd {
    height: 1px;
    overflow: hidden
}

.order-tb tbody.split-tbody .sep-tr-bd td {
    padding: 0
}

.order-tb tbody.split-tbody-last .tr-bd td {
    border-width: 0 1px 1px
}

.order-tb .tr-th-split td {
    border-bottom: none
}

.order-tb .tr-th-split .split-row {
    position: relative;
    top: 1px;
    padding: 11px 0;
    height: 18px;
    margin: 1px 0 0;
    border-bottom: 1px solid #e5e5e5
}

.order-tb .tr-th-split .split-row02 {
    position: relative;
    color: #393941
}

.order-tb .tr-th-split span.fr {
    float: right
}

.order-tb .tr-th-split .order-consignee {
    width: 128px;
    margin-right: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.order-tb .tr-th-split .order-count em {
    font-family: verdana
}

.order-tb .tr-th-split .order-pay {
    width: 178px
}

.order-tb .tr-th-split .top-arr {
    position: absolute;
    width: 17px;
    height: 10px;
    left: 180px;
    top: -10px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/split-arr.png) no-repeat;
    overflow: hidden
}

.order-tb .tr-th-split .split-tip {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default
}

.order-tb .goods-item {
    display: inline-block;
    display: block;
    float: left;
    width: 255px;
    margin-right: 10px
}

.order-tb .goods-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .order-tb .goods-item {
    height: 1%
}

* + html .order-tb .goods-item {
    min-height: 1%
}

.order-tb .goods-item .p-img {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #efefef;
    margin: 0 14px;
    _display: inline
}

.order-tb .goods-item .p-msg {
    float: left;
    width: 160px
}

.order-tb .goods-item .p-name {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    color: #333;
    text-align: left
}

.order-tb .goods-item .p-name a {
    color: #333;
    *zoom: 1
}

.order-tb .goods-item .p-name a:hover {
    color: #e4393c
}

.order-tb .goods-item .p-extra {
    color: #aaa;
    text-align: left
}

.order-tb .goods-item .o-info {
    text-align: left;
    color: #aaa
}

.order-tb .goods-item .o-match, .order-tb .goods-item .o-similar {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.order-tb .goods-item .o-match i, .order-tb .goods-item .o-similar i {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top
}

.order-tb .goods-item .o-match em, .order-tb .goods-item .o-similar em {
    display: inline-block;
    vertical-align: top
}

.order-tb .goods-item .o-similar i {
    margin-top: 2px;
    background-position: -31px 0
}

.order-tb .goods-item .o-match i {
    background-position: -56px 0
}

.order-tb .goods-number {
    float: left;
    width: 40px;
    text-align: left;
    color: #aaa;
    font-family: verdana
}

.order-tb .goods-repair {
    float: right;
    width: 84px;
    text-align: center
}

.order-tb .goods-repair .btn-resell {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    width: 44px;
    padding: 2px 0 3px 30px;
    margin: 5px 0 0;
    background: #fff;
    border: 1px solid #ddd;
    color: #999;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.order-tb .goods-repair .btn-resell b {
    position: absolute;
    display: block;
    top: 0;
    left: 9px;
    width: 21px;
    height: 23px;
    margin-right: 5px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/resell-icons.png) 0 0 no-repeat
}

.order-tb .goods-repair .btn-resell:hover {
    background: #fff;
    border-color: #e4393c;
    color: #e4393c
}

.order-tb .goods-repair .btn-resell:hover b {
    background-position: 0 -43px
}

.order-tb .consignee {
    color: #333
}

.order-tb .consignee .txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
    overflow: hidden;
    max-width: 72px;
    text-overflow: ellipsis;
    vertical-align: middle
}

.order-tb .consignee b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 16px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) 0 -24px;
    vertical-align: middle;
    margin: 0 0 0 5px
}

.order-tb .amount {
    color: #AAA
}

.order-tb .amount strong {
    font-family: verdana;
    color: #333
}

.order-tb .amount .ftx-13 {
    display: block;
    margin: 0 8px;
    margin-top: 5px;
    padding-top: 1px;
    border-top: solid 1px #E5E5E5;
    line-height: 19px;
    height: 19px;
    overflow: hidden
}

.order-tb .cellphone-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 56px;
    height: 14px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) 0 0 no-repeat
}

.order-tb .operate {
    line-height: 22px
}

.order-tb .operate a.a-link {
    color: #333
}

.order-tb .operate a.a-link:hover {
    color: #e4393c
}

.order-tb .operate .a-baitiao {
    position: relative;
    display: inline-block;
    color: #e4393c
}

.order-tb .operate .a-baitiao .tag {
    position: absolute;
    right: -35px;
    top: -2px;
    display: inline-block;
    width: 30px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #e4393c;
    color: #fff
}

.order-tb .operate .a-baitiao .arrow {
    position: absolute;
    left: -4px;
    top: 3px;
    width: 0;
    height: 0;
    border-width: 3px;
    border-color: transparent #e4393c #e4393c transparent;
    border-style: dashed solid solid dashed;
    overflow: hidden
}

.order-tb .count-time {
    display: none;
    color: #999
}

.order-tb .count-time .time-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 16px;
    margin: 0 3px 0 0;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -23px -24px no-repeat;
    vertical-align: middle
}

.order-tb .count-time-red {
    color: #e4393c
}

.order-tb .count-time-red .time-icon {
    background-position: -80px -24px
}

.order-tb .status {
    position: relative;
    z-index: 5;
    color: #333;
    line-height: 22px
}

.order-tb .status a {
    color: #333
}

.order-tb .status .bean-tips, .order-tb .status a:hover {
    color: #e4393c
}

.order-tb .bean-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin: 0 3px 0 0;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -43px -180px no-repeat;
    vertical-align: middle
}

.order-tb .tooltip {
    position: relative;
    width: 100px;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer
}

.order-tb .tooltip .auto-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 22px;
    height: 16px;
    margin: 0 3px 0 0;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -48px -24px no-repeat;
    vertical-align: middle
}

.order-tb .tooltip .circle-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 7px;
    height: 7px;
    margin: 0 0 0 3px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) 0 -115px no-repeat;
    vertical-align: middle
}

.order-tb .tooltip .prompt-01 {
    position: absolute;
    z-index: 1;
    width: 400px;
    right: 90px;
    top: -22px;
    padding: 9px 9px 0;
    display: none;
    cursor: auto
}

.order-tb .tooltip .prompt-01 .pc {
    min-height: 235px
}

.order-tb .tooltip .prompt-02 {
    position: absolute;
    z-index: 1;
    width: 220px;
    right: 90px;
    top: -22px;
    padding: 20px;
    display: none;
    color: #666;
    line-height: 22px
}

.order-tb .tooltip .prompt-02 .pc {
    min-height: 0
}

.order-tb .prompt-01 {
    position: absolute;
    width: 122px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 2px #eee;
    -moz-box-shadow: 0 0 2px 2px #eee;
    box-shadow: 0 0 2px 2px #eee;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.order-tb .prompt-01 .pc {
    background: #fff;
    padding: 0;
    color: #333;
    text-align: left
}

.order-tb .prompt-01 .pc .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 17px;
    height: 17px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/icon.png) 0 -151px;
    cursor: pointer
}

.order-tb .prompt-01 .p-arrow-left {
    right: -8px;
    top: 25px;
    width: 8px;
    height: 16px;
    background-position: -7px 0
}

.order-tb .prompt-01 .p-arrow-right {
    left: -8px;
    top: 25px;
    width: 8px;
    height: 16px;
    background-position: 0 0
}

.order-tb .prompt-01 .p-arrow-top {
    left: 25px;
    top: -8px;
    width: 16px;
    height: 8px;
    background-position: 0 0
}

.order-tb .prompt-01 .p-arrow-bottom {
    left: 25px;
    bottom: -7px;
    width: 16px;
    height: 8px;
    background-position: 0 -7px
}

.order-tb .prompt-01 .p-tit {
    margin: -10px 0 0 -10px;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 20px;
    font-weight: 700;
    border-bottom: 1px solid #e3e3e3
}

.order-tb .prompt-01 .logistics-cont {
    position: relative;
    margin-left: 15px;
    max-height: 410px;
    overflow-y: auto;
    padding-left: 5px;
    margin-bottom: 20px;
    line-height: 20px
}

.order-tb .prompt-01 .logistics-cont li {
    position: relative;
    overflow: visible;
    width: 340px;
    padding: 15px 0 0 15px;
    border-left: 1px solid #e3e3e3
}

.order-tb .prompt-01 .logistics-cont .node-icon {
    display: block;
    position: absolute;
    top: 21px;
    left: -4px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -17px -115px no-repeat;
    vertical-align: middle
}

.order-tb .prompt-01 .logistics-cont li.first {
    color: #e4393c
}

.order-tb .prompt-01 .logistics-cont li.first .node-icon {
    background-position: 0 -115px
}

.order-tb .prompt-01 .logistics-cont li.more {
    height: 37px
}

.order-tb .prompt-01 .logistics-cont li.more .node-icon {
    height: 36px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/bg-node-icon.png) no-repeat
}

.order-tb .prompt-01 .wx-qrcode-tipbox {
    width: 418px;
    height: 100px;
    border-top: 1px solid #eee;
    margin-left: -9px
}

.order-tb .prompt-01 .wx-qrcode-tipbox .tip-inner {
    width: 283px;
    height: 80px;
    padding: 10px 20px 10px 115px;
    background: #f8f8f8;
    overflow: hidden
}

.order-tb .prompt-01 .wx-qrcode-tipbox .tip-img {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin-left: -95px;
    margin-right: 15px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/loading.gif) no-repeat center center
}

.order-tb .prompt-01 .wx-qrcode-tipbox .tip-img img {
    width: 80px;
    height: 80px
}

.order-tb .prompt-01 .wx-qrcode-tipbox .tip-cont {
    width: 100%;
    height: 80px;
    text-align: left
}

.order-tb .prompt-01 .wx-qrcode-tipbox .tip-title {
    font: 700 16px/28px "Microsoft YaHei";
    margin-top: 13px
}

.order-tb .prompt-01 .wx-qrcode-tipbox .tip-hint {
    margin-top: 3px;
    font: 12px/20px SimSun;
    color: #666
}

.order-tb .prompt-02 .pc {
    color: #666
}

.order-tb .stage-cont {
    overflow: hidden
}

.order-tb .stage-cont .stage {
    padding: 14px 0 14px 14px;
    line-height: 18px;
    margin-top: -1px;
    border-top: 1px solid #eee;
    color: #aaa
}

.order-tb .stage-cont .stage .time-title {
    border-bottom: solid 1px #EEE;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.order-tb .stage-cont .stage .t-icon {
    *position: relative;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-right: 3px;
    height: 15px;
    width: 15px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/time-icon.png) no-repeat;
    overflow: hidden
}

.order-tb .stage-cont .stage-finish {
    background: #fcfcfc
}

.order-tb .stage-cont .stage-stress {
    background: #f4f6f9
}

.order-tb .stage-cont li {
    float: left;
    text-align: center
}

.order-tb .stage-cont .fore1 {
    width: 486px;
    text-align: left
}

.order-tb .stage-cont .fore2, .order-tb .stage-cont .fore3 {
    width: 105px
}

.order-tb .stage-cont .fore4 {
    width: 115px
}

.order-tb .stage-cont .warning {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/warning-circle.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 16px;
    display: block;
    line-height: 16px;
    color: #515151;
    margin-top: 5px
}

.order-tb .deal-state-cont {
    position: relative;
    z-index: 10;
    width: 98px;
    cursor: pointer
}

.order-tb .deal-state-cont .state-txt {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 20px;
    padding-right: 12px;
    border: 1px solid #f5f5f5
}

.order-tb .deal-state-cont .state-txt b {
    position: absolute;
    width: 7px;
    height: 4px;
    right: 18px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -37px -207px no-repeat
}

.order-tb .deal-state-cont .state-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 96px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: 0
}

.order-tb .deal-state-cont .state-list li {
    height: 30px;
    line-height: 30px;
    text-align: left
}

.order-tb .deal-state-cont .state-list li a {
    display: block;
    position: relative;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding-left: 20px
}

.order-tb .deal-state-cont .state-list li a:hover {
    background: #f5f5f5;
    color: #e4393c
}

.order-tb .deal-state-cont .state-list li a b {
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 10px;
    height: 7px;
    vertical-align: middle;
    overflow: hidden
}

.order-tb .deal-state-cont .state-list li a.curr {
    color: #e4393c
}

.order-tb .deal-state-cont .state-list li a.curr b {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) 0 -207px
}

.order-tb .deal-state-hover .state-txt {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.order-tb .deal-state-hover .state-txt b {
    background-position: -20px -207px
}

.order-tb .deal-state-hover .state-txt .blank {
    display: block;
    position: absolute;
    height: 10px;
    width: 96px;
    top: 21px;
    left: 0;
    background: #fff;
    z-index: 3
}

.order-tb .deal-state-hover .state-list {
    display: block;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.order-tb .ordertime-cont {
    position: relative;
    float: left;
    z-index: 10;
    width: 138px;
    cursor: pointer
}

.order-tb .ordertime-cont .time-txt {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 20px;
    padding-right: 12px;
    border: 1px solid #f5f5f5
}

.order-tb .ordertime-cont .time-txt b {
    position: absolute;
    width: 7px;
    height: 4px;
    right: 18px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) -37px -207px no-repeat
}

.order-tb .ordertime-cont .time-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 136px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: 0
}

.order-tb .ordertime-cont .time-list li {
    height: 30px;
    line-height: 30px;
    text-align: left
}

.order-tb .ordertime-cont .time-list li a {
    display: block;
    position: relative;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding-left: 20px
}

.order-tb .ordertime-cont .time-list li a:hover {
    background: #f5f5f5;
    color: #e4393c
}

.order-tb .ordertime-cont .time-list li a b {
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 10px;
    height: 7px;
    vertical-align: middle;
    overflow: hidden
}

.order-tb .ordertime-cont .time-list li a.curr {
    color: #e4393c
}

.order-tb .ordertime-cont .time-list li a.curr b {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) 0 -207px
}

.order-tb .ordertime-hover .time-txt {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.order-tb .ordertime-hover .time-txt b {
    background-position: -20px -207px
}

.order-tb .ordertime-hover .time-txt .blank {
    display: block;
    position: absolute;
    height: 10px;
    width: 136px;
    top: 21px;
    left: 0;
    background: #fff;
    z-index: 3
}

.order-tb .ordertime-hover .time-list {
    display: block;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.order-tb .order-detail-txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.order-tb .promisejdint {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 61px;
    height: 18px;
    vertical-align: middle;
    overflow: hidden;
    background: url(//misc.360buyimg.com/myjd/skin/2014/i/jdInt-icon.png) no-repeat;
    margin-left: 5px
}

.order-tb .promisejdint:hover {
    text-decoration: none
}

.order-tb .ding-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 39px;
    height: 16px;
    vertical-align: middle;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/ding-icon.png) no-repeat;
    margin-left: 5px
}

.order-tb .ding-icon:hover {
    text-decoration: none
}

.order-tb .jd-otc {
    margin-left: 5px;
    vertical-align: top
}

.root61 .order-tb .number-col {
    width: 589px
}

.root61 .order-tb .consignee-col {
    width: 115px
}

.root61 .order-tb .amount-col, .root61 .order-tb .status-col {
    width: 110px
}

.root61 .order-tb .goods-item {
    width: 340px;
    margin-right: 74px
}

.root61 .order-tb .goods-item .p-msg {
    width: 240px
}

.root61 .order-tb .goods-repair {
    width: 104px
}

.root61 .order-tb .goods-number {
    width: 70px
}

.root61 .order-tb .stage-cont .fore1 {
    width: 681px
}

.root61 .order-tb .stage-cont .fore2 {
    width: 115px
}

.root61 .order-tb .stage-cont .fore3 {
    width: 110px
}

.root61 .order-tb .stage-cont .fore4 {
    width: 120px;
    margin-left: 4px;
    _display: inline
}

.root61 .order-tb .tr-th .tr-operate {
    width: 608px
}

div.ui-tips-skin1 {
    border-color: #ddd;
    background: #fff;
    padding: 0
}

div.ui-tips-skin1 .ui-tips-arrow {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/tips-gray.png) no-repeat
}

div.ui-tips-skin1 .ui-tips-close {
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/order-icon20150916.png) no-repeat -44px -55px
}

.o-related-goods {
    float: left
}

.o-related-goods li {
    float: left;
    width: 100px;
    padding: 0 7px;
    margin-right: 26px
}

.o-related-goods .p-img {
    width: 80px;
    height: 80px;
    margin: 0 auto 5px
}

.o-related-goods .p-img img {
    width: 80px;
    height: 80px
}

.o-related-goods .p-name {
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.o-related-goods .p-comment {
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.o-related-goods .p-comment a {
    color: #005ea7
}

.o-related-goods .p-price {
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.o-related-goods .p-price strong {
    color: #e4393c;
    font-family: verdana
}

.o-related-slider {
    position: relative;
    width: 674px;
    height: 151px;
    padding: 30px 34px 12px
}

.o-related-slider .con-loading {
    padding-top: 68px;
    text-align: center;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/loading-jd.gif) no-repeat center 22px
}

.o-related-slider .slider-next, .o-related-slider .slider-prev {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 80px;
    margin-top: -40px;
    background: #f5f5f5;
    cursor: pointer
}

.o-related-slider .slider-next .sicon, .o-related-slider .slider-prev .sicon {
    position: absolute;
    left: 10px;
    top: 27px;
    width: 14px;
    height: 27px
}

.o-related-slider .slider-prev {
    left: 0
}

.o-related-slider .slider-next {
    right: 0
}

.o-related-slider .slider-next .sicon {
    background-position: -24px 0
}

.o-related-slider .slider-main {
    position: relative;
    width: 100%;
    overflow: hidden
}

.bean-tips-cont {
    padding: 0 8px;
    line-height: 22px
}

.ui-tips-bean {
    margin: -25px 0 0 60px
}

@media \0screen {
    .order-tb .operate .a-baitiao .tag {
        line-height: 16px
    }
}

@media screen and (min-width: 0\0
) {
    .order-tb .operate .a-baitiao .tag {
        line-height: 16px
    }
}

/* user-myjd-2015 ui-page.css Date:2016-06-23 15:32:19 */
.ui-page {
    float: right;
    font-size: 0
}

.next-disabled, .prev-disabled, .ui-pager-next, .ui-pager-prev {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.next-disabled b, .prev-disabled b, .ui-pager-next b, .ui-pager-prev b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 7px;
    height: 13px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/ui-page/i/page-icon.png) no-repeat;
    vertical-align: middle
}

.prev-disabled b {
    background-position: 0 0;
    margin-right: 5px
}

.next-disabled b {
    background-position: -17px 0;
    margin-left: 5px
}

.ui-pager-prev b {
    background-position: -34px 0;
    margin-right: 5px
}

.ui-pager-next b {
    background-position: -51px 0;
    margin-left: 5px
}

.ui-page-next {
    margin-left: 3px
}

.ui-page-next i {
    margin: 0 0 0 2px
}

.ui-page a {
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7, #f3f2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: linear-gradient(to bottom, #f7f7f7 0, #f3f2f2 100%);
    font-size: 12px;
    color: #333;
    padding: 4px 1.2em;
    border: 1px solid #ddd;
    margin-left: 3px;
    vertical-align: middle
}

.ui-page .text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #aaa;
    margin-right: 20px
}

.ui-page .itxt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 36px;
    text-align: center;
    border: 1px solid #ddd;
    height: 26px;
    line-height: 26px;
    padding: 0
}

.ui-page a:hover {
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    color: #e33b3d
}

.ui-page a.next-disabled, .ui-page a.prev-disabled {
    background: #fff;
    color: #ccc;
    cursor: default
}

.ui-page a.next-disabled:hover, .ui-page a.prev-disabled:hover {
    color: #ccc;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.ui-page-total {
    margin: 0 10px;
    font-size: 14px
}

span.ui-page-skip {
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle
}

span.ui-page-skip em {
    font-weight: 700;
    margin: 0 3px
}

span.ui-page-skip .itxt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 28px;
    height: 18px;
    line-height: 18px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #ccc
}

.ui-page span {
    margin-left: 3px;
    color: #666;
    font-size: 12px
}

.ui-page span.next-disabled, .ui-page span.prev-disabled {
    color: #aaa
}

.ui-page span.next-disabled b, .ui-page span.prev-disabled b {
    display: none
}

.ui-page .current, .ui-page .ui-page-curr {
    color: #e33b3d;
    font-weight: 700;
    border: 0;
    cursor: default;
    background: #fff
}

.ui-page .ui-page-curr:hover {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: none
}

.ui-page .ui-page-cancel {
    background: #fff;
    border-color: #ddd;
    color: #ccc;
    cursor: default
}

.ui-page .ui-page-cancel:hover {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.ui-page .ui-page-cancel i {
    color: #ccc
}

.ui-page-small .ui-page-next, .ui-page-small .ui-page-prev, .ui-page-small a {
    font-size: 12px;
    height: 38px;
    line-height: 38px
}

.ui-page-small .ui-page-skip, .ui-page-small .ui-page-total {
    font-size: 12px
}

/* user-myjd-2015 order-goods-list.css Date:2015-12-17 09:45:50 */
@charset "UTF-8";
.goods-list ul {
    display: inline-block;
    display: block
}

.goods-list ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .goods-list ul {
    height: 1%
}

* + html .goods-list ul {
    min-height: 1%
}

.goods-list li {
    float: left;
    width: 160px;
    padding: 0 20px;
    height: 251px;
    margin-bottom: 20px
}

.goods-list .p-item {
    line-height: 20px
}

.goods-list .p-name {
    height: 40px;
    overflow: hidden;
    margin-bottom: 5px
}

.goods-list .p-price {
    font-size: 14px;
    font-family: verdana
}

.goods-list .p-price strong {
    color: #e4393c
}

.root61 .freqt-goods-list li {
    padding: 0 50px
}

.goods-list2 .p-comment, .goods-list2 .p-name, .goods-list2 .price-box {
    width: 180px;
    margin: 0 auto
}

.goods-list2 .p-img {
    width: 160px;
    margin: 27px auto 15px;
    text-align: center
}

.goods-list2 .p-name {
    height: 36px;
    line-height: 18px;
    margin-bottom: 7px;
    overflow: hidden
}

.goods-list2 .price-box {
    height: 18px;
    line-height: 18px;
    margin-bottom: 6px;
    overflow: hidden;
    font-size: 0
}

.goods-list2 .p-price {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 12px;
    color: #e4393c
}

.goods-list2 .p-price strong {
    font: 18px/18px verdana
}

.goods-list2 .p-act {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 5px;
    vertical-align: top
}

.goods-list2 .p-act .act-tag {
    position: relative;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-top: 1px;
    margin-right: 5px;
    font-size: 12px;
    padding: 0 2px;
    background: #e4393c;
    color: #fff;
    vertical-align: top;
    cursor: pointer
}

.goods-list2 .p-comment {
    line-height: 16px;
    color: #999
}

.goods-list2 .p-comment a {
    color: #005ea7
}

/* user-myjd-2015 ui-slidebar.css Date:2015-09-15 16:01:30 */
.ui-slidebar {
    width: 86px;
    margin-left: 405px;
    position: fixed;
    right: 0;
    bottom: 150px;
    z-index: 100
}

.ui-slidebar .jd-im {
    display: block;
    width: 86px;
    height: 80px;
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/ui-slidebar/i/joygif.gif) no-repeat
}

.ui-slidebar .jd-im:hover {
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/ui-slidebar/i/joygif_hover.gif) no-repeat
}

.ui-slidebar .dt {
    width: 86px
}

.ui-slidebar .dd {
    float: right;
    width: 42px
}

.ui-slidebar .dd li {
    position: relative;
    height: 42px
}

.ui-slidebar .dd .backtop, .ui-slidebar .dd .feedback, .ui-slidebar .dd .service {
    display: block;
    width: 42px;
    height: 42px;
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/ui-slidebar/i/slidebar-icon-new.png) no-repeat
}

.ui-slidebar .dd .backtop:hover, .ui-slidebar .dd .feedback:hover, .ui-slidebar .dd .service:hover {
    background-color: #c81623
}

.ui-slidebar .dd .service {
    background-position: 0 -1px;
    background-color: #ccc
}

.ui-slidebar .dd .feedback {
    border-top: 1px dotted #fff;
    background-position: 0 -43px;
    background-color: #ccc
}

.ui-slidebar .dd .feedback:hover {
    background-position: -52px -43px
}

.ui-slidebar .dd .backtop {
    border-top: 1px dotted #fff;
    background-position: 0 -86px;
    background-color: #999
}

.ui-slidebar .dd .service-cont {
    display: none;
    position: absolute;
    width: 90px;
    padding: 15px;
    right: 42px;
    top: -90px;
    background: #fbfbfb;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.ui-slidebar .dd .service-cont a {
    display: block;
    line-height: 23px
}

.ui-slidebar .dd .service-cont a:hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px)
}

.ui-slidebar .dd .hover .service-txt b {
    display: block;
    position: absolute;
    top: 17px;
    left: -1px;
    width: 0;
    height: 0;
    border-style: dashed dashed dashed solid;
    border-width: 4px;
    border-color: transparent transparent transparent #fff;
    overflow: hidden;
    zoom: 1;
    font-size: 0;
    z-index: 5
}

.ui-slidebar .dd .hover .service-cont {
    display: block
}

.ui-slidebar .dd .hover .service {
    background-color: #c81623
}

.root61 .ui-slidebar {
    margin-left: 560px
}

/* user-myjd-2015 common.css Date:2016-05-31 17:27:02 */
@charset "UTF-8";
.mt-1 {
    margin-top: -1px
}

.mt-2 {
    margin-top: -2px
}

.mt-3 {
    margin-top: -3px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.mb20 {
    margin-bottom: 20px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.ftx-01, .ftx01 {
    color: #e4393c
}

.ftx-02, .ftx02 {
    color: #71b247
}

.ftx-03, .ftx03 {
    color: #999
}

.ftx-04, .ftx04 {
    color: #ff6c00
}

.ftx-05, .ftx05 {
    color: #005ea7
}

.ftx-06, .ftx06 {
    color: #666
}

.font-price {
    font-family: verdana
}

.ftx-13 {
    color: #aaa
}

.ftx-emps {
    color: #333
}

.fz-12 {
    font-size: 12px
}

.fz-14 {
    font-size: 14px
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

li {
    list-style: none
}

.btn-1, .btn-2, .btn-3, .btn-4 {
    background-color: #e74649;
    background-image: -moz-linear-gradient(top, #e74649, #df3134);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e74649), color-stop(1, #df3134));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134');
    background-image: linear-gradient(to bottom, #e74649 0, #df3134 100%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    padding: 3px 15px 4px;
    color: #fff
}

.btn-1:hover, .btn-2:hover, .btn-3:hover, .btn-4:hover {
    background-color: #f05356;
    background-image: -moz-linear-gradient(top, #f05356, #eb3c3f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05356), color-stop(1, #eb3c3f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f');
    background-image: linear-gradient(to bottom, #f05356 0, #eb3c3f 100%)
}

.btn-1:link, .btn-1:visited, .btn-2:link, .btn-2:visited, .btn-3:link, .btn-3:visited, .btn-4:link, .btn-4:visited {
    color: #fff;
    text-decoration: none
}

.btn-5, .btn-6, .btn-7, .btn-8 {
    background-color: #f5fbef;
    background-image: -moz-linear-gradient(top, #f5fbef, #eaf6e2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5fbef), color-stop(1, #eaf6e2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2');
    background-image: linear-gradient(to bottom, #f5fbef 0, #eaf6e2 100%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    border: 1px solid #bfd6af;
    padding: 2px 14px 3px;
    color: #323333
}

.btn-5:hover, .btn-6:hover, .btn-7:hover, .btn-8:hover {
    background-color: #f6fbf3;
    background-image: -moz-linear-gradient(top, #f6fbf3, #eef7e8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6fbf3), color-stop(1, #eef7e8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbf3', endColorstr='#eef7e8', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbf3', endColorstr='#eef7e8');
    background-image: linear-gradient(to bottom, #f6fbf3 0, #eef7e8 100%)
}

.btn-5:link, .btn-5:visited, .btn-6:link, .btn-6:visited, .btn-7:link, .btn-7:visited, .btn-8:link, .btn-8:visited {
    color: #323333;
    text-decoration: none
}

.btn-10, .btn-11, .btn-12, .btn-9 {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #F7F7F7, #F3F2F2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #F3F2F2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#F3F2F2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#F3F2F2');
    background-image: linear-gradient(to bottom, #F7F7F7 0, #F3F2F2 100%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ddd;
    padding: 2px 14px 3px;
    color: #323333
}

.btn-10:hover, .btn-11:hover, .btn-12:hover, .btn-9:hover {
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f5f5f5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #f5f5f5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f5f5f5', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f5f5f5');
    background-image: linear-gradient(to bottom, #f8f8f8 0, #f5f5f5 100%)
}

.btn-10:link, .btn-10:visited, .btn-11:link, .btn-11:visited, .btn-12:link, .btn-12:visited, .btn-9:link, .btn-9:visited {
    color: #323333;
    text-decoration: none
}

.btn-13, .btn-14, .btn-15, .btn-16 {
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ddd;
    padding: 2px 14px 3px;
    color: #ccc
}

.btn-13:hover, .btn-14:hover, .btn-15:hover, .btn-16:hover {
    background: #fff
}

.btn-13:link, .btn-13:visited, .btn-14:link, .btn-14:visited, .btn-15:link, .btn-15:visited, .btn-16:link, .btn-16:visited {
    color: #ccc;
    text-decoration: none
}

.btn-10, .btn-14 {
    padding: 5px 14px
}

.mod-main {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px
}

.mod-main .mt {
    display: inline-block;
    display: block;
    padding: 10px
}

.mod-main .mt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .mod-main .mt {
    height: 1%
}

* + html .mod-main .mt {
    min-height: 1%
}

.mod-main .mt h3 {
    float: left;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333;
    line-height: 20px
}

.mod-main .mt .extra-l {
    float: left
}

.mod-main .mt .extra-l li {
    float: left;
    padding-left: 20px
}

.mod-main .mt .extra-l li a {
    display: inline-block;
    padding-bottom: 2px;
    color: #999
}

.mod-main .mt .extra-l li a:hover, .mod-main .mt .extra-l li a:hover em {
    color: #e4393c
}

.mod-main .mt .extra-l li a.curr {
    padding-bottom: 0;
    color: #e4393c;
    border-bottom: 2px solid #e4393c;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none
}

.mod-main .mt .extra-l li.fore-last {
    border-right: 0
}

.mod-main .mt .extra-l em {
    margin-left: 5px
}

.mod-main .mt .extra-r {
    float: right
}

.mod-main .mc {
    overflow: visible
}

#container, #container .w {
    background-color: #f5f5f5
}

#content {
    padding-left: 120px;
    padding-top: 20px;
    display: inline-block;
    display: block
}

#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html #content {
    height: 1%
}

* + html #content {
    min-height: 1%
}

#sub {
    float: left;
    width: 120px;
    position: relative;
    left: -120px
}

#main {
    float: left;
    width: 99.9%;
    margin-left: -120px;
    overflow: hidden
}

#nav {
    position: relative;
    *position: static;
    _position: static;
    width: 100%;
    background-color: #e45050
}

#nav .w {
    background-color: #e45050
}

#nav .logo {
    position: relative;
    float: left;
    width: 272px;
    height: 80px;
    overflow: hidden
}

#nav .logo a {
    text-decoration: none;
    color: #fff
}

#nav .logo img {
    vertical-align: top
}

#nav .logo .fore1 {
    float: left;
    margin-right: 10px;
    width: 158px;
    height: 80px;
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/common/i/logo.png) no-repeat
}

#nav .logo .fore2 {
    float: left;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    margin: 20px 0 0 6px;
    height: 22px
}

#nav .logo .fore3 {
    float: left;
    margin: 5px 0 0;
    color: #ffb2b2;
    border: 1px solid #ffb2b2;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#nav .logo .fore3:hover {
    background: #fff;
    border-color: #fff;
    color: #e4393c
}

#nav .navitems {
    float: left;
    height: 36px;
    width: 342px;
    line-height: 36px;
    padding: 22px 0;
    margin: 0 0 0 30px;
    font-size: 14px
}

#nav .navitems a {
    color: #fff;
    position: relative
}

#nav .navitems a:hover {
    text-decoration: underline
}

#nav .navitems a i {
    display: block;
    position: absolute;
    top: -20px;
    right: -28px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-family: verdana;
    color: #333;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/msg-count.png) no-repeat;
    -webkit-transition: transform .2s ease-in 0s;
    -moz-transition: transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s
}

#nav .navitems ul {
    display: inline-block;
    display: block
}

#nav .navitems ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html #nav .navitems ul {
    height: 1%
}

* + html #nav .navitems ul {
    min-height: 1%
}

#nav .navitems li {
    float: left;
    margin: 0 20px 0 0
}

#nav .navitems li.fore-3 {
    margin: 0
}

#nav .navitems li.fore-4 {
    margin-right: 5px
}

#nav .navitems li.fore-4 .dl .dt {
    width: 56px
}

#nav .navitems li.fore-4 .dl .dd a {
    width: 70px
}

#nav .navitems .dl {
    position: relative
}

#nav .navitems .dl .dt {
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
    padding: 9px 16px;
    width: 74px
}

#nav .navitems .dl .dt span {
    color: #fff
}

#nav .navitems .dl .dt b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 9px;
    height: 6px;
    overflow: hidden;
    margin-left: 5px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/icon.png) 0 -120px no-repeat;
    -webkit-transition: transform .2s ease-in 0s;
    -moz-transition: transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s
}

#nav .navitems .dl .dd {
    position: absolute;
    top: 34px;
    left: 0;
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 12px
}

#nav .navitems .dl .dd a {
    display: block;
    text-decoration: none;
    width: 88px;
    padding: 0 0 0 16px;
    line-height: 30px
}

#nav .navitems .dl .dd a:hover {
    background: #f5f5f5;
    color: #e4393c
}

#nav .navitems .hover {
    z-index: 10
}

#nav .navitems .hover a {
    color: #333
}

#nav .navitems .hover .dt {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 8px 15px;
    -webkit-box-shadow: 0 3px 5px rgba(153, 153, 153, .5);
    -moz-box-shadow: 0 3px 5px rgba(153, 153, 153, .5);
    box-shadow: 0 3px 5px rgba(153, 153, 153, .5)
}

#nav .navitems .hover .dt span {
    color: #333
}

#nav .navitems .hover .dt b {
    background-position: 0 -135px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

#nav .navitems .hover .dt i {
    display: none
}

#nav .navitems .hover .dd {
    display: block
}

#nav .navitems .hover .dd b {
    color: red;
    font-weight: 400
}

#nav .navitems .myjd-info {
    position: relative
}

#nav .navitems .myjd-info i {
    display: block;
    position: absolute;
    top: -10px;
    _top: -20px;
    left: 68px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-family: verdana;
    color: #333;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/msg-count.png) no-repeat;
    -webkit-transition: transform .2s ease-in 0s;
    -moz-transition: transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s
}

#nav .navitems .myjd-info a:hover i {
    display: none
}

#nav .navitems .myjd-info a:hover em {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
}

#nav .nav-r {
    float: right;
    width: 340px;
    margin-right: 5px
}

#nav .nav-r #search-2014 {
    width: 186px
}

#nav .nav-r #search-2014 .button {
    width: 56px;
    font-size: 12px;
    height: 32px;
    color: #333;
    background-color: #f7f7f7
}

#nav .nav-r #search-2014 .text {
    width: 120px;
    border: 0
}

#nav .nav-r #search-2014 #shelper {
    width: 338px;
    top: 32px
}

#nav .nav-r #search-2014 .form {
    width: auto
}

#nav .nav-r #settleup-2014 {
    float: right;
    margin-right: 0
}

#nav .nav-r #settleup-2014 .cw-icon {
    height: 30px;
    border: 1px solid #fff
}

#nav .nav-r #settleup-2014 .ci-left {
    top: 7px
}

#nav .nav-r #settleup-2014 .ci-right {
    top: 9px
}

#nav .nav-r #settleup-2014 .dorpdown-layer {
    top: 32px
}

#nav .nav-r #hotwords-2014 {
    width: auto;
    display: none
}

#service-2014 dl {
    width: 22%
}

#service-2014 dl.fore5 {
    width: 8%
}

#menu {
    width: 100px;
    padding-left: 10px
}

#menu dl {
    padding-bottom: 15px
}

#menu dl dt {
    height: 28px;
    line-height: 28px;
    color: #333;
    font-weight: 700
}

#menu dl dd {
    color: #666;
    line-height: 24px
}

#menu dl dd a {
    color: #777
}

#menu dl dd a:hover {
    color: #e4393c;
    text-decoration: underline
}

#menu dl dd b {
    color: red;
    font-weight: 400
}

#menu dl dd.curr a {
    color: #e4393c;
    font-weight: 700
}

#menu dl dd.last {
    border-bottom: 1px dashed #e9eaec;
    margin-bottom: 6px;
    padding-bottom: 6px
}

#menu-ads {
    width: 90px;
    margin-left: 10px;
    overflow: hidden
}

#menu-ads a {
    display: inline-block;
    margin-bottom: 10px
}

.rank {
    margin-right: 10px;
    display: inline-block;
    height: 17px;
    line-height: 17px
}

.rank s {
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/common/i/rank2014.gif);
    display: inline-block;
    height: 17px;
    margin-right: 5px;
    text-decoration: none;
    width: 17px;
    vertical-align: middle
}

.rank a {
    display: inline-block;
    vertical-align: middle
}

.rank.r2 s {
    background-position: 0 -17px
}

.rank.r3 s {
    background-position: 0 -34px
}

.rank.r4 s {
    background-position: 0 -51px
}

.rank.r5 s {
    background-position: 0 -68px
}

.rank.r6 s {
    background-position: 0 -85px
}

#da-main .da-list {
    margin-bottom: 10px
}

.form .item {
    display: inline-block;
    display: block;
    margin-bottom: 20px;
    line-height: 30px
}

.form .item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .form .item {
    height: 1%
}

* + html .form .item {
    min-height: 1%
}

.form .item span.label {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 6px 0;
    width: 100px;
    text-align: right
}

.form em {
    color: #e4393c
}

.form .area, .form .itxt, .form .sele, .form .selt {
    line-height: 18px;
    border: 1px solid #ccc;
    padding: 5px;
    float: none;
    font-family: "Microsoft YaHei";
    font-size: 12px
}

.form .text {
    line-height: 18px;
    border: 1px solid #ccc
}

.form .sele, .form .selt {
    width: 100px
}

.form .selt1 {
    width: 70px
}

.form .itxt, .form .text {
    height: 18px;
    width: 127px;
    padding: 5px 23px 5px 5px
}

.form .itxt1 {
    width: 287px
}

.form .itxt-focus {
    border-color: #71b247
}

.form .itxt-error {
    border-color: #e4393c;
    color: #e4393c;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/error-ico.png) right center no-repeat
}

.form .itxt-succ {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/succ-ico.png) right center no-repeat
}

.form .prompt-error {
    clear: both;
    margin-top: 5px;
    color: #e4393c;
    line-height: 18px
}

.form .prompt-03 {
    clear: both;
    margin-top: 5px;
    color: #999;
    line-height: 18px
}

.form label {
    float: none
}

.form .jdcheckbox, .form .jdradio {
    float: none;
    vertical-align: -2px;
    _vertical-align: -1px;
    margin: 0 3px 0 0;
    padding: 0
}

table {
    border-collapse: collapse
}

.tb-void {
    line-height: 18px;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-top: 0;
    color: #333;
    width: 100%
}

.tb-void td {
    border: 1px solid #f2f2f2;
    padding: 10px 5px
}

.tb-void th {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    text-align: center;
    font-weight: 400
}

.tb-void a {
    color: #005ea7
}

.tb-void a.im-btn1, .tb-void a.im-btn2, .tb-void a.im-btn3 {
    display: inline-block;
    width: 62px;
    height: 24px;
    padding-left: 24px;
    overflow: hidden;
    font: 12px/24px SimSun;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/im-btn.png) no-repeat;
    color: #333
}

.tb-void a.im-btn2 {
    background-position: 0 -24px;
    color: #999
}

.tb-void a.im-btn3 {
    background-position: 0 -48px
}

.tb-void .img-list {
    text-align: left
}

.tb-void .ar {
    text-align: right
}

.tb-void .al {
    text-align: left
}

.tb-coupon td {
    border: none
}

.tb-none th {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-weight: 400
}

.tb-none td {
    border: 0;
    padding: 6px 0;
    text-align: center
}

.tb-line td {
    border: 0;
    border-bottom: 1px dotted #f2f2f2
}

.tb-left {
    text-align: left
}

.tb-left td {
    padding: 5px 0 5px 20px
}

.mod-comm {
    padding: 10px 20px 20px
}

.mod-comm .mt {
    padding: 10px 0
}

.mod-comm .mt h3 {
    font-size: 12px;
    color: #666;
    font-family: '\5b8b\4f53';
    line-height: 18px
}

.mod-comm .mc {
    line-height: 20px
}

.mod-comm .smt-01 {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    margin-top: 10px
}

.mod-comm .smc-01 {
    border: 1px solid #f2f2f2;
    padding: 20px 20px 10px
}

.mod-comm .extra-r a.btn-close {
    color: #333
}

.mod-comm .extra-r a.btn-close b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/icon2.png) 0 -58px no-repeat;
    width: 7px;
    height: 5px;
    overflow: hidden;
    vertical-align: middle;
    margin-left: 5px
}

.mod-comm .extra-r a.btn-close:hover {
    color: #333
}

.mod-comm .extra-r a.btn-close.down b {
    background-position: 0 -63px
}

.lefta-box .mt .extra-l li {
    padding: 0;
    padding-right: 20px
}

.remind-box {
    background: #fffdee;
    border: 1px solid #edd28b;
    padding: 10px
}

.remind-box .smt {
    display: inline-block;
    display: block
}

.remind-box .smt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .remind-box .smt {
    height: 1%
}

* + html .remind-box .smt {
    min-height: 1%
}

.remind-box .info-list li {
    float: left;
    margin-right: 20px
}

.remind-box .info-list strong {
    font-size: 14px
}

.remind-box .smc {
    margin-top: 10px;
    padding-top: 10px;
    line-height: 22px;
    border-top: 1px solid #f2f2f2
}

.user-info-cont strong {
    font-size: 16px;
    font-family: "Microsoft YaHei"
}

.user-info-cont .num {
    margin: 0 5px
}

.im2013:hover {
    text-decoration: none
}

.im2013, .im2013off {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/common/i/im2013.png) no-repeat 0 0;
    width: 62px;
    height: 18px;
    line-height: 18px;
    padding: 1px 0 2px 31px;
    color: #fff;
    margin-right: 0;
    overflow: hidden;
    vertical-align: middle
}

.im2013 strong, .im2013off strong {
    font-weight: 400;
    color: #fff;
    float: left;
    line-height: 18px
}

.im2013off {
    background-position: 0 -22px;
    cursor: default;
    color: #ccc
}

.im2013off strong {
    color: #ccc
}

a.im-h21, a.im-h21-jd, a.im-h21-off {
    display: inline-block;
    width: 58px;
    height: 21px;
    padding-left: 28px;
    font: 12px/21px SimSun;
    color: #333;
    vertical-align: middle;
    text-align: left;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/im-btn2.png) no-repeat 0 0
}

a.im-h21-off {
    color: #999;
    background-position: 0 -21px
}

a.im-h21-jd {
    background-position: 0 -42px
}

.pagin a, .pagin span {
    background: #fff
}

#safeinfo {
    padding: 5px 15px;
    display: none;
    border: 1px solid #EDD28B;
    background: #FFFDEE
}

.icon-face {
    float: left;
    width: 50px;
    height: 50px;
    background-image: url(//misc.360buyimg.com/jd2008/skin/df/i/iconface.png);
    margin-top: 10px
}

#safeinfo .mc {
    margin-left: 60px
}

#safeinfo .btn-3 {
    background-color: #e74649;
    background-image: -moz-linear-gradient(top, #e74649, #df3134);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e74649), color-stop(1, #df3134));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134');
    background-image: linear-gradient(to bottom, #e74649 0, #df3134 100%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    padding: 3px 15px 4px;
    color: #fff
}

#safeinfo .btn-3:hover {
    background-color: #f05356;
    background-image: -moz-linear-gradient(top, #f05356, #eb3c3f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05356), color-stop(1, #eb3c3f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f');
    background-image: linear-gradient(to bottom, #f05356 0, #eb3c3f 100%)
}

#safeinfo .btn-3:link, #safeinfo .btn-3:visited {
    color: #fff;
    text-decoration: none
}

.loading-style1, .loading-style1 b {
    background: url(//misc.360buyimg.com/lib/skin/e/i/loading-jd.gif) no-repeat 50% 50%
}

.loading-style2, .loading-style2 b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30px;
    height: 3px;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/loading-jd2.gif) no-repeat 50% 50%
}

.prompt-01 {
    position: absolute;
    width: 122px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 2px #eee;
    -moz-box-shadow: 0 0 2px 2px #eee;
    box-shadow: 0 0 2px 2px #eee;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.prompt-01 .pc {
    background: #fff;
    padding: 10px;
    color: #333;
    text-align: left;
    overflow: hidden
}

.prompt-01 .pc dl {
    border-bottom: 1px solid #ccc;
    line-height: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden
}

.prompt-01 .pc dl dd, .prompt-01 .pc dl dt {
    font-weight: 700
}

.prompt-01 .pc li {
    overflow: hidden;
    zoom: 1
}

.prompt-01 .pc .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 17px;
    height: 17px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/jdleft.png) -46px 0;
    cursor: pointer
}

.prompt-01 .p-arrow {
    position: absolute;
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/common/i/arrow-gray.png) no-repeat
}

.prompt-01 .p-arrow-left {
    right: -8px;
    top: 20px;
    width: 8px;
    height: 16px;
    background-position: -7px 0
}

.prompt-01 .p-arrow-right {
    left: -8px;
    top: 20px;
    width: 8px;
    height: 16px;
    background-position: 0 0
}

.prompt-01 .p-arrow-top {
    left: 20px;
    top: -8px;
    width: 16px;
    height: 8px;
    background-position: 0 0
}

.prompt-01 .p-arrow-bottom {
    left: 20px;
    bottom: -7px;
    width: 16px;
    height: 8px;
    background-position: 0 -7px
}

.prompt-01 .fore1 {
    min-height: 15px;
    _height: 15px
}

.prompt-01 .fore2 {
    float: left;
    width: 260px
}

.prompt-01 .fore1, .prompt-01 .pc dt {
    width: 140px;
    float: left;
    margin-right: 6px
}

.prompt-01 .pr-more, .prompt-01 .pr-select {
    margin: 0 -10px;
    padding: 1px 0 1px 10px;
    cursor: pointer
}

.prompt-01 .icon-show {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    top: 2px;
    margin-left: 2px;
    width: 14px;
    height: 14px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/icon2.png) 0 0
}

.prompt-01 .pr-select {
    background-color: #f9f3d3
}

.prompt-01 .pr-select .icon-show {
    background-position: 0 14px
}

.form .itxt02 {
    width: 60px
}

.tip-box {
    margin: 0 40px
}

.tip-box .op-btns {
    margin-top: 15px
}

.tip-box h3 {
    font-family: "Microsoft YaHei";
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
}

.tip-box .links {
    margin-left: -6px
}

.tip-box .links ul {
    display: inline-block;
    display: block
}

.tip-box .links ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .tip-box .links ul {
    height: 1%
}

* + html .tip-box .links ul {
    min-height: 1%
}

.tip-box .links li {
    float: left;
    border-left: 1px solid #ccc;
    padding: 0 5px
}

.tip-box .item-fore {
    overflow: hidden
}

.tip-box .item-fore div {
    line-height: 20px;
    min-height: 20px
}

.icon-box {
    position: relative;
    _height: 48px;
    _overflow: visible
}

.icon-box .m-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/icon48.png) no-repeat
}

.icon-box .succ-icon {
    background-position: 0 0
}

.icon-box .warn-icon {
    background-position: -94px 0
}

.icon-box .error-icon {
    background-position: -48px 0
}

.icon-box .qm-icon {
    background-position: -144px 0
}

.icon-box .item-fore {
    margin-left: 58px
}

.icon-box .em-icon {
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/mark-icon.png) no-repeat
}

.safety-box {
    position: relative;
    height: 60px;
    line-height: 25px;
    padding: 10px 0 10px 135px;
    margin: 0 0 10px;
    font-family: "Microsoft YaHei";
    background: url(//misc.360buyimg.com/user/myjd-2015/css/i/safe-icon.png) 30px center no-repeat #fffdee
}

.safety-box strong {
    font-size: 18px
}

.safety-box .btn-1 {
    margin: 0 5px
}

img.err-poster, img.err-product {
    background: url(//misc.360buyimg.com/lib/skin/e/i/error-jd.gif) no-repeat scroll 50% 50% transparent
}

.pagin a, .pagin span {
    float: left;
    height: 20px;
    padding: 3px 10px;
    border: 1px solid #ccc;
    margin-left: 2px;
    font-family: arial;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.pagin .current, .pagin .text {
    border: 0;
    padding: 4px 11px
}

.pagin a:link, .pagin a:visited {
    color: #005aa0
}

.pagin a:active, .pagin a:hover {
    background: #005aa0;
    color: #fff;
    text-decoration: none
}

.pagin .current, .pagin .current:link, .pagin .current:visited {
    color: #f60;
    font-weight: 700
}

.pagin b {
    display: block;
    position: absolute;
    top: 9px;
    width: 5px;
    height: 9px;
    background-image: url(//misc.360buyimg.com/201007/skin/df/i/bg_hotsale.gif);
    background-repeat: no-repeat;
    overflow: hidden
}

.pagin .next, .pagin .next-disabled, .pagin .prev, .pagin .prev-disabled {
    position: relative;
    padding-top: 5px;
    height: 18px;
    line-height: 18px
}

.pagin .next-disabled, .pagin .prev-disabled {
    color: #ccc;
    cursor: default
}

.pagin .prev, .pagin .prev-disabled {
    padding-left: 12px
}

.pagin .prev b {
    left: 3px;
    background-position: -68px -608px
}

.pagin .prev-disabled b {
    left: 3px;
    background-position: -80px -608px
}

.pagin .next, .pagin .next-disabled {
    padding-right: 12px
}

.pagin .next b {
    right: 3px;
    background-position: -62px -608px
}

.pagin .next-disabled b {
    right: 3px;
    background-position: -74px -608px
}

.pagin-m a, .pagin-m span {
    height: 14px;
    line-height: 14px;
    font-size: 12px
}

.pagin-m b {
    top: 5px
}

.pagin-m .next, .pagin-m .next-disabled, .pagin-m .prev, .pagin-m .prev-disabled {
    padding-top: 3px;
    height: 14px;
    line-height: 14px;
    *line-height: 16px
}

.pagin .page-skip {
    height: 26px;
    padding: 0 10px;
    border: 0;
    font-size: 12px
}

.pagin .page-skip em {
    float: left;
    height: 26px;
    line-height: 26px
}

.pagin .jumpto {
    float: left;
    width: 36px;
    height: 21px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa #ddd #ddd #aaa;
    margin: 0 5px;
    text-align: center;
    font-family: verdana
}

.pagin a.btn-skipsearch {
    float: left;
    width: 51px;
    height: 23px;
    padding: 0;
    margin-left: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    color: #333
}

.pagin .btn-skipsearch:hover {
    border-color: #ccc;
    background: #f9f9f9
}

.pagin-m i {
    font-style: normal
}

.pagin-m .prev-disabled b {
    left: 9px
}

.pagin-m .next-disabled b {
    right: 9px
}

.pagin-m a {
    font-weight: 700
}

.jd-baina {
    display: inline-block;
    height: 14px;
    padding: 0 2px;
    border: 1px solid #e4393c;
    font: 12px/14px SimSun;
    color: #e4393c;
    background: #fff
}